<template>
  <div class="m-point">
      <img src="../../assets/images/d_sellingPoint_header.png" alt="" class="title">

      <ul class="count">
          <li class="item">
              <img src="../../assets/images/d_sellingPoint_1.png" alt="">
              <span class="label">精选酒店</span>
              <span>打卡网红酒店，品尝当地特色美食</span>
          </li>
          <li class="item">
              <img src="../../assets/images/d_sellingPoint_2.png" alt="">
              <span class="label">当地向导</span>
              <span>本地生活多年，熟悉本地人文、历史、小众</span>
          </li>
           <li class="item">
              <img src="../../assets/images/d_sellingPoint_3.png" alt="">
              <span class="label">尊享小团</span>
              <span>2成人起订，尊享舒适小团</span>
          </li>
          <li class="item">
              <img src="../../assets/images/d_sellingPoint_4.png" alt="">
              <span class="label">VIP服务</span>
              <span>预定后VIP专员1对1服务，全程旅行无忧</span>
          </li>
      </ul>
  </div>
</template>

<script>
export default {
  setup() {
    return {};
  },
};
</script>
<style scoped>
.m-point{
    background: #fff;
    margin-top: 10px;
    padding: 10px 12px 10px 16px;
}
.m-point .title{
    display: block;
    height: 33px;
    margin: 0 auto 5px;
    width: 183px;
}
.m-point .count{
    list-style: none;
}
.count .item{
    color: #616161;
    font-size: 12px;
    line-height: 17px;
    padding-top: 10px;
}
 .count .item img{
    display: inline-block;
    font-size: 0;
    height: 13px;
    margin-right: 4px;
}
.count .item .label {
    color: #212121;
    font-weight: 500;
    margin-right: 6px;
    display: inline-block;
}
</style>
